<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div>123</div>
    <script type="text/javascript">
        /***
         * BOM的三大问题
         * 1.处理什么？窗口(window)和框架(iframe)
         * 2.提供什么？浏览器交互的方法和接口
         * 3.解决什么？浏览器窗口的访问与操作
         * 
         * 核心对象 window window表示浏览器窗口
         * 所有JS的全局对象、函数、变量都是window对象的成员
         * 
         * var username ==== window.username;
         * var obj = {} === window.obj = {};
         * function test(){} === window.test = function(){};
         * 
         * ECMAScript规范：通过ECMA-262标准化的脚本程序设计语言
         * DOM规范：W3C
         * BOM：是没有规范的（浏览器厂商对功能定义不同，兼容性不好）
         * 
         * 
         * window的组成：
         * window-->DOM-->document
         * window-->BOM
         * BOM的组成：
         *  1.window：window对象上直接定义的属性和方法
         *  2.frames：框架相关的信息获取和操作
         *  3.history：浏览器历史记录
         *  4.location：获取当前页面的地址信息，页面重定向等等
         *  5.navigator:浏览器对应的信息
         *  6.screeen：浏览器屏幕的相关信息，兼容性不好
         */ 
        var oDiv = document.querySelector('div');
        console.log(oDiv.innerText);
        console.log(window);
    </script>
</body>
</html>